<!--
 * @Author: your name
 * @Date: 2021-12-23 08:08:44
 * @LastEditTime: 2022-01-03 18:04:33
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \vue-douban\src\App.vue
-->
<template>
  <div id="app">
    <div class="main-bg"></div>
    <MainHeader></MainHeader>
    <router-view/>
    <!-- <router-view v-if="isRouterAlive"/> -->
  </div>
</template>
<script>
import MainHeader from "@/components/MainHeader.vue";
export default {
  //provide(){
  //   return{
  //     reload: this.reload
  //   }
  // },
  data() {
    return {
      // isRouterAlive: true
    }
  },
  components:{
    MainHeader,
  },
  methods: {
    // reload(){
    //   this.isRouterAlive = false
    //   this.$nextTick(function(){
    //     this.isRouterAlive = true
    //   });
    // }
  },
}
</script>
<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
.main-bg{
  height: 100vh;
  background: url(../src/assets/images/bg_1.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: -10;
}
</style>
